<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="/css/public.css" media="all">
    <title>Document</title>
</head>

<body>
<ul class="layui-timeline" style="margin-left: 200px;">

    <!-- <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>

      <div class="layui-timeline-content layui-text">

        <h3 class="layui-timeline-title">6月18日</h3>
        <p>
          layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
          不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
          无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔

          <i class="layui-icon"></i>
        </p>

      </div>
    </li>

    <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
      <div class="layui-timeline-content layui-text">
        <h3 class="layui-timeline-title">5月18日</h3>
        <p>
          layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
          <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
          <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
        </p>
      </div>
    </li>
    <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
      <div class="layui-timeline-content layui-text">
        <h3 class="layui-timeline-title">4月18日</h3>
        <p>
          layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
          <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
          <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
        </p>
      </div>
    </li>

    <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
      <div class="layui-timeline-content layui-text">
        <h3 class="layui-timeline-title">3月18日</h3>
        <p>
          layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
          <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
          <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
        </p>
      </div>
    </li>

    <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
      <div class="layui-timeline-content layui-text">
        <h3 class="layui-timeline-title">2月16日</h3>
        <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
        <ul>
          <li>《登高》</li>
          <li>《茅屋为秋风所破歌》</li>
        </ul>
      </div>
    </li> -->

    <!-- <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
      <div class="layui-timeline-content layui-text">
        <h3 class="layui-timeline-title">1月15日</h3>
        <p>
          中国人民抗日战争胜利72周年
          <br>常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
          <br>铭记、感恩
          <br>所有为中华民族浴血奋战的英雄将士
          <br>永垂不朽
        </p>
      </div>
    </li>

    <li class="layui-timeline-item">
      <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
      <div class="layui-timeline-content layui-text">
        <div class="layui-timeline-title">项目构建</div>
      </div>
    </li> -->


</ul>

</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    load();

    function load() {
        $.ajax({
            url: "/announcement/",
            type: "get",
            success: function (data) {
                var listHtml = "";
                list = data.data;
                listHtml += " <li class='layui-timeline-item'><i class='layui-icon layui-timeline-axis'>&#xe63f;</i><div class='layui-timeline-content layui-text'>"
                    + "<div class='layui-timeline-title'>项目构建</div></div></li>";
                $.each(list, function (index, n) {
                    listHtml += "<li class='layui-timeline-item'>" +
                        " <i class='layui-icon layui-timeline-axis'>&#xe63f;</i>" +
                        "<div class='layui-timeline-content layui-text'>" + "<h3 class='layui-timeline-title'>" + list[index].publishTime
                        + "</h3><p>" + list[index].content + " <i class='layui-icon'></i> </p></div> </li>";
                })

                $(".layui-timeline").append(listHtml);
            }
        })
    }
</script>


</html>
